<script setup>
// import { ref, provide, computed } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
</script>

<template>
  <div class="tool-box">
    <div class="tool-box-header">
      <van-nav-bar
        fixed
        :placeholder="true"
        title="工具箱"
        left-arrow
        @click-left="router.go(-1)"
      />
    </div>
    <div class="tool-box-content">
      <van-cell-group title="工具">
        <van-grid
          square
          clickable
          :gutter="10"
          :border="false"
          style="
            --van-grid-item-content-background: var(--van-blue);
            color: white;
            font-size: 14px;
            padding-top: 10px;
          "
        >
          <van-grid-item to="/tools/yyhc"> 语音合成 </van-grid-item>
          <van-grid-item to="/tools/sho_u"> 兽语加密 </van-grid-item>
          <van-grid-item to="/tools/yiyan"> 随机一言 </van-grid-item>
          <van-grid-item to="/tools/riq"> 每日日签 </van-grid-item>
          <!-- <van-grid-item> 语音合成 </van-grid-item> -->
        </van-grid>
      </van-cell-group>
      <van-cell-group title="适可而止(woman)">
        <van-grid
          square
          clickable
          :gutter="10"
          :border="false"
          style="
            --van-grid-item-content-background: var(--van-blue);
            color: white;
            font-size: 14px;
            padding-top: 10px;
          "
        >
          <van-grid-item to="/tools/meinv"> 图片 </van-grid-item>
          <van-grid-item to="/tools/tuizi"> 腿子 </van-grid-item>
          <van-grid-item to="/tools/xjj"> 视频 </van-grid-item>
          <!-- <van-grid-item> 语音合成 </van-grid-item>
        <van-grid-item> 语音合成 </van-grid-item> -->
        </van-grid>
      </van-cell-group>
      <van-cell-group title="适可而止(man)">
        <van-grid
          square
          clickable
          :gutter="10"
          :border="false"
          style="
            --van-grid-item-content-background: var(--van-blue);
            color: white;
            font-size: 14px;
            padding-top: 10px;
          "
        >
          <van-grid-item to="/tools/boy"> 图片 </van-grid-item>
          <van-grid-item to="/tools/fujiimg"> 腹肌 </van-grid-item>
          <van-grid-item to="/tools/xgg"> 视频 </van-grid-item>
          <!-- <van-grid-item> 语音合成 </van-grid-item>
        <van-grid-item> 语音合成 </van-grid-item> -->
        </van-grid>
      </van-cell-group>
    </div>
  </div>
</template>
<style scoped>
::v-deep .van-grid-item__content--center {
  border-radius: 25%;
}
</style>
